@import '../../common/common';

.feedback {
  width: 100%;
  height: 100%;
  .main {
    position: relative;
    height: 100%;
    margin-top: px2rem(87);
    .content {
      height: 90%;
      margin: 0 px2rem(40);
      background-color: #fff;
      @include borderRadius(px2rem(15));
      padding: px2rem(70) px2rem(65) px2rem(70);
      p.title {
        @include sc(px2rem(26), #999999);
        text-align: center;
      }
      div.input-warp {
        margin-top: px2rem(30);
        position: relative;
        .feed-cont {
          border: 1px solid #41a9fe;
          @include borderRadius(px2rem(10));
          padding: px2rem(30);
          color: #41a9fe;
          font-size: px2rem(24);
          height: px2rem(360);
        }
        .weui-textarea-counter {
          position: absolute;
          bottom: 0;
          right: 0;
          padding-right: px2rem(20);
          padding-bottom: px2rem(10);
          color: #1897fe;
          font-size: px2rem(22);
          font-weight: 700;
          span {
            color: #ffb21a;
          }
        }
      }
      div.button-wrap {
        margin-top: px2rem(42);
        .weui-btn {
          width: px2rem(361);
          background-color: #2f9afc;
          border: none;
          @include hl(px2rem(80));
          @include borderRadius(px2rem(40));
        }
      }
      p.remark {
        margin-top: px2rem(20);
        text-align: center;
        @include sc(px2rem(20), #657f98);
      }
    }
  }
}
